@charset "utf-8";
/* CSS Document */

/* gps */
/*.gps{ position:fixed; right:20px; top:50%; z-index:2;margin-top: -70px;}
.gps li{ width:15px;height: 15px;margin-bottom: 10px; border-radius:50%; cursor:pointer;border: 2px dotted #fff; }
.gps .current{width: 20px;height: 20px;margin-left: -3px; animation:go 3s infinite linear;}
*/
/* main */
body,html{ width: 100%; height: 100%;}
body{ overflow: hidden;}
/*.main{ width: 100%; height: 100%; position: absolute; left: 0; top: 10%; z-index: 1;}
.main>div{width: 100%; height:100%;position:relative; overflow:hidden}
.main>div:nth-of-type(1){background:#ccc;background-size:100% 100% ;}
.main>div:nth-of-type(2){background:pink;background-size:100% 100% ;}
.main>div:nth-of-type(3){background:#09C;background-size:100% 100% ;}
.main>div:nth-of-type(4){background:#9C0;background-size:100% 100% ;}
.main>div:nth-of-type(5){background:#9F3;background-size:100% 100% ;}
.main>div:nth-of-type(6){background:#99C;background-size:100% 100% ;}
.main>div:nth-of-type(7){background:#936;background-size:100% 100% ;}

.main>div>*{ transition: all 2s;}

.screen1 .up{width: 100%; height: 200px; position: absolute; left: 38%; top:8%; margin-left: -50%; margin-top: 0; text-align: center; background:url(../images/title1.png) no-repeat; margin:0 auto}
.screen1 p:nth-of-type(1){width:147px ;height: 39px;background:url(../images/title3.png) no-repeat -220px -11px ;margin-left: 620px;margin-top: -270px;}
.screen1 p:nth-of-type(2){width:377px ;height: 16px;background:url(../images/title3.png) no-repeat -132px -85px ;margin-left: 500px;margin-top: 20px;}
.screen1 p:nth-of-type(3){width:116px ;height: 2px;background:url(../images/title3.png) no-repeat -52px -141px ;margin-left: 460px;margin-top: -50px;}
.screen1 p:nth-of-type(4){width:116px ;height: 2px;background:url(../images/title3.png) no-repeat -52px -141px ;margin-left: 780px;margin-top: 0;}
.screen1.out .up{transform:scale(4,4); opacity:0.3}

.screen1 .webs{width: 1200px;height: 460px; position:absolute;top:40%; display:inline-block; margin:0 auto}
.screen1 .webs li{ width:350px;height: 200px;float:left;margin-top: 30px;background: rgba(0,0,0,0.5);cursor:pointer;margin-right: 20px;border-radius:20px; transition:go 4s}
.screen1 .webs li img{border-radius:20px} 
.screen1.out .webs{ opacity: 0.6; transform: rotateX(180deg); margin-left: -1050px;}
*/